<!DOCTYPE html>
<html>
<head>
    <title>河南台频道收视变化综合分析（第13周 vs 第14周）</title>
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
    <style>
        .chart-container { width: 800px; margin: 20px auto; }
        .report-section { margin: 40px 0; padding: 20px; border: 1px solid #ddd; }
        table { width: 100%; border-collapse: collapse; margin: 15px 0; }
        th, td { border: 1px solid #ddd; padding: 8px; text-align: center; }
        th { background: #f5f5f5; }
        .highlight { background: #fff3cd; }
    </style>
</head>
<body>
    <h2>河南台频道收视变化综合分析（2025年第13周 vs 第14周）</h2>

    <!-- 非黄时段 -->
    <div class="report-section">
        <h3>非黄时段（00:00-18:00）</h3>
        <div class="chart-container">
            <canvas id="nonPrimeChart"></canvas>
        </div>
        <table>
            <tr><th>频道</th><th>第13周排名</th><th>第14周排名</th><th>收视率变化</th><th>趋势</th></tr>
            <tr class="highlight"><td>公共频道</td><td>7</td><td>8</td><td>↓9.7%</td><td>▾ 落后卫星、民生</td></tr>
            <tr class="highlight"><td>乡村频道</td><td>19</td><td>19</td><td>↓7.0%</td><td>▾ 垫底</td></tr>
            <tr><td>卫星频道</td><td>11</td><td>9</td><td>↑2.3%</td><td>▴ 排名上升</td></tr>
            <tr><td>都市频道</td><td>13</td><td>14</td><td>↓5.3%</td><td>▾ 波动</td></tr>
        </table>
    </div>

    <!-- 晚间时段 -->
    <div class="report-section">
        <h3>晚间时段（18:00-23:00）</h3>
        <div class="chart-container">
            <canvas id="primeChart"></canvas>
        </div>
        <table>
            <tr><th>频道</th><th>第13周排名</th><th>第14周排名</th><th>收视率变化</th><th>趋势</th></tr>
            <tr class="highlight"><td>公共频道</td><td>12</td><td>12</td><td>↓15.1%</td><td>▾ 竞争力弱</td></tr>
            <tr class="highlight"><td>乡村频道</td><td>18</td><td>20</td><td>↓17.0%</td><td>▾ 大幅下滑</td></tr>
            <tr><td>都市频道</td><td>4</td><td>5</td><td>↓10.8%</td><td>▾ 仍居榜首</td></tr>
            <tr><td>电视剧频道</td><td>6</td><td>7</td><td>↓5.4%</td><td>▾ 微降</td></tr>
        </table>
    </div>

    <!-- 全天时段 -->
    <div class="report-section">
        <h3>全天时段（00:00-23:59）</h3>
        <div class="chart-container">
            <canvas id="fullDayChart"></canvas>
        </div>
        <table>
            <tr><th>频道</th><th>第13周排名</th><th>第14周排名</th><th>收视率变化</th><th>趋势</th></tr>
            <tr class="highlight"><td>公共频道</td><td>12</td><td>12</td><td>↓11.8%</td><td>▾ 稳定下游</td></tr>
            <tr class="highlight"><td>乡村频道</td><td>17</td><td>19</td><td>↓11.7%</td><td>▾ 持续下滑</td></tr>
            <tr><td>民生频道</td><td>6</td><td>8</td><td>↓9.9%</td><td>▾ 被反超</td></tr>
            <tr><td>卫星频道</td><td>9</td><td>10</td><td>↓10.0%</td><td>▾ 小幅下降</td></tr>
        </table>
    </div>

    <script>
        // 非黄时段图表
        new Chart(document.getElementById('nonPrimeChart'), {
            type: 'bar',
            data: {
                labels: ['公共频道', '乡村频道', '卫星频道', '都市频道'],
                datasets: [{
                    label: '第13周收视率',
                    data: [0.1267, 0.0797, 0.107, 0.0931],
                    backgroundColor: '#4CAF50'
                }, {
                    label: '第14周收视率',
                    data: [0.1144, 0.0741, 0.1094, 0.0883],
                    backgroundColor: '#FF9800'
                }]
            }
        });

        // 晚间时段图表
        new Chart(document.getElementById('primeChart'), {
            type: 'bar',
            data: {
                labels: ['公共频道', '乡村频道', '都市频道', '电视剧频道'],
                datasets: [{
                    label: '第13周收视率',
                    data: [0.3357, 0.229, 0.7993, 0.6644],
                    backgroundColor: '#4CAF50'
                }, {
                    label: '第14周收视率',
                    data: [0.285, 0.19, 0.713, 0.6286],
                    backgroundColor: '#FF9800'
                }]
            }
        });

        // 全天时段图表
        new Chart(document.getElementById('fullDayChart'), {
            type: 'bar',
            data: {
                labels: ['公共频道', '乡村频道', '民生频道', '卫星频道'],
                datasets: [{
                    label: '第13周收视率',
                    data: [0.177, 0.1186, 0.2571, 0.2011],
                    backgroundColor: '#4CAF50'
                }, {
                    label: '第14周收视率',
                    data: [0.1561, 0.1047, 0.2316, 0.181],
                    backgroundColor: '#FF9800'
                }]
            }
        });
    </script>
</body>
</html>